import React from "react";
import {
  BrowserRouter as Router,
  Route,
  Switch,
  Redirect,
  Routes,
  Navigate,
  HashRouter,
} from "react-router-dom";

import LoginPage from "./pages/Login/index.jsx";
import RegisterPage from "./pages/Register/index.jsx";
import MainPage from "./pages/Main/index.jsx";
import PetBrowsePage from "./pages/PetView/index.jsx";
import AdoptionRecordsPage from "./pages/PetAdoption/index.jsx";

const App = () => {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<Navigate to="/login" />} />
        <Route path="/login" element={<LoginPage />} />
        <Route path="/register" element={<RegisterPage />} />
        <Route path="/main/*" element={<MainPage />} />
      </Routes>
    </Router>
  );
};

export default App;
